<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>ByteDance</title>
        <style type="text/css">
            body{ margin: 0}
            span{
                color: #F8F9FB;
                margin: 20px;
                font-size: 13px
            }
            a{text-decoration: none}

            .outer{
                width: 100%;height: 750px;
                background-image: url("home-banner.jpg");
                background-repeat: no-repeat;
                background-size: cover;
                background-attachment:local;
            }
            .header{width: 100%;height: 88px;overflow: hidden}
            .header__logo {float:left;margin-left: 79px;margin-top: 30px;
                width: 130px;height:33.5px;
                background-image: url("zh-logo-white.png");
                background-repeat: no-repeat;
                background-size: cover;
                }
            .header_right{float: right;overflow: hidden}
            .header_right_content{float: left;
                margin-top: 50px;
                margin-right: 80px;
            }
            .header_right_language{float: right;
                margin-top: 50px;
                margin-right: 80px;
                color: #F8F9FB;
                font-size: 13px;
            }
            .information{margin-top:180px;margin-left:400px ;
                width: 773px;
                line-height: 2;
                font-size: 16px;
                font-weight: 500;
                color: white
            }
            .know_more{height: 17px;
                width: 100px;
                margin: 20px 750px;
                color: white;
                font-size: 14px;
            }
            .scroll_sign{width: 41px;height: 37px;
                margin: 100px 758px;
                background-image: url("download.png");
                background-repeat: no-repeat;
                background-size: contain;
            }
            .section{
                width: 138.9px;height: 20px;
                margin:180px 100px;
                color: white;
                font-size: 13px;
            }

        </style>
    </head>
    <body>
        <div class="outer">
            <div class="header">
                <a href="http://www.bytedance.com">
                    <div class="header__logo"></div>
                </a>
                <div class="header_right">
                    <div class="header_right_content">
                        <a href="http://www.bytedance.com/zh"><span>主页</span></a>
                        <a href="http://www.bytedance.com/zh/about"><span>关于我们</span></a>
                        <a href="http://www.bytedance.com/zh/corporate"><span>企业社会责任</span></a>
                        <a href="http://www.bytedance.com/zh/news"><span>媒体报道</span></a>
                        <a href="http://www.bytedance.com/zh/careers"><span>加入我们</span></a>
                    </div>
                    <div class="header_right_language">中</div>
                </div>
            </div>
            <div class="information">
                <p>字节跳动成立于2012年3月，
                目前公司的产品和服务已覆盖全球150个国家和地区、
                75个语种，在40多个国家和地区位居应用商店总榜前列
                </p>
            </div>
            <div class="know_more">
                <a href="http://www.bytedance.com/zh/about"><b>了解更多</b></a>
            </div>
            <div class="scroll_sign"></div>
            <div class="section">© 2012-2020 字节跳动</div>
        </div>

    </body>
</html>